<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/header.jsp" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Register</title>
    <!-- JqueryUI -->
    <link rel="stylesheet" type="text/css" href="${style}/front/jquery-ui.css">

    <link rel="stylesheet" type="text/css" href="${style}/animate.min.css">
    <!-- input -->
    <link rel="stylesheet" type="text/css" href="${style}/input.css">
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="${Bootstrap}/css/bootstrap.css">
    <!-- Awesome font icons -->
    <link rel="stylesheet" type="text/css" href="${style}/front/font-awesome.min.css" media="screen">
    <!-- Owlcoursel -->
    <link rel="stylesheet" type="text/css" href="${style}/front/owl-coursel/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="${style}/front/owl-coursel/owl.transitions.css">
    <!-- Magnific-popup -->
    <link rel="stylesheet" type="text/css" href="${style}/front/magnific-popup/magnific-popup.css">
    <!-- Style -->
    <link rel="stylesheet" type="text/css" href="${style}/front/style.css" media="screen">
    <!-- Fw -->
    <link rel="stylesheet" type="text/css" href="${style}/front/fw.css" media="screen">
    <!-- BeAlert -->
    <link rel="stylesheet" type="text/css" href="${Resource}/BeAlert/BeAlert.css" media="screen">
</head>
<body>
<%--herder--%>
<jsp:include page="../header.jsp"/>

<div class="heading-inner-page">
    <div class="container">
        <h2>代购商品详情</h2>
    </div>
</div>

<section class="m-t-30 m-b-30">
    <div class="content">
        <div class="container">
            <div class="row m-l-50 m-b-15">
                <div class="col-md-10">
                    <form class="form-search" method="post">
                        <div class="input-group">
                            <input type="text" name="addurl" placeholder="请输入您想要购买的商品URL..." value="${addurl}" style="height:50px; border:2px solid #73ff47;border-right:none;border-radius:0;" class="form-control input-medium search-query">
                            <span class="input-group-btn"><button type="submit" class="btn h-50 btn-success" style=" background-color: #41d809;border-color: #319831;"><i class="glyphicon glyphicon-search"></i>搜索</button></span>
                        </div>
                    </form>
                </div>
            </div>
            <div class="row p-t-15" style="background-color: rgba(227,239,214,0.5);">
                <div class="col-sm-7 col-md-7">
                    <form class="form-horizontal">
                        <input type="text" name="descUrl" hidden value="${descUrl}" class="hidden">
                        <div class="form-group">
                            <label class="col-md-2 f-bold control-label" for="goodsname">商品名称</label>
                            <div class="col-md-10">
                                <input type="text" class="form-control" id="goodsname" placeholder="商品名称" readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 f-bold control-label" for="shoptitle">商店名称</label>
                            <div class="col-md-10">
                                <input type="text" class="form-control" id="shoptitle" placeholder="商店名称" readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 f-bold control-label" for="price">价格</label>
                            <div class="col-md-10">
                                <input type="text" class="form-control" id="price" placeholder="价格" readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 f-bold control-label" for="postfee">运费</label>
                            <div class="col-md-10">
                                <input type="text" class="form-control" id="postfee" placeholder="运费" readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 f-bold control-label" for="totalprice">总价</label>
                            <div class="col-md-10">
                                <input type="text" class="form-control" id="totalprice" placeholder="总价(含运费)" readonly>
                            </div>
                        </div>
                        <div id="more-info" style="">

                        </div>
                        <div class="form-group">
                            <label class="col-md-2 f-bold control-label" for="nums">数量</label>
                            <div class="col-md-10">
                                <a class="col-md-1 increase btn btn-primary p-t-10 p-b-10" onclick="increase()">
                                    <i class="fa fa-plus"></i>
                                </a>

                                <div class="col-md-4">
                                    <input type="tel" class="form-control" id="nums" value="1" placeholder="数量">
                                </div>
                                <a class="col-md-1 decrease btn btn-primary p-t-10 p-b-10" onclick="decrease()">
                                    <i class="fa fa-minus"></i>
                                </a>

                            </div>

                        </div>
                        <div class="form-group">
                            <label class="col-md-2 f-bold control-label" for="remark">备注</label>
                            <div class="col-md-10">
                                <textarea type="text" class="form-control" id="remark" rows="5" placeholder="备注"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="m-l-10 pull-right">
                                <a class="btn btn-warning btn-large" id="add_to_car"><i class="fa fa-cart-plus"></i> 加入购物车</a>
                            </div>
                            <%--<div class="pull-right">--%>
                                <%--<a class="btn btn-danger btn-large"><i class="fa fa-heart-o"></i> 收藏</a>--%>
                            <%--</div>--%>
                        </div>
                    </form>
                </div>
                <div class="col-sm-4 col-md-4">
                    <div class="col-sm-12 col-md-12 p-0">
                        <img style="width: 100%; max-height: 400px;" src="" alt="pic" id="goodspic">
                    </div>
                    <div class="col-sm-12 col-md-12 m-t-20 p-0">
                        <button id="more" class="btn btn-small btn-success">>>>更多详情<<<</button>
                        <button id="pickup" class="m-l-20 hidden btn btn-small btn-primary">>>>收起<<<</button>
                    </div>
                </div>

            </div>
            <div class="row m-t-20">
                <div class="col-md-12 hidden" id="description">
                    ${descHtml}
                </div>
            </div>
        </div>
    </div>
</section>

<%--footer--%>
<jsp:include page="../footer.jsp"/>

<!-- jQuery -->
<script src="${jquery}/jquery.js" charset="utf-8"></script>

<!-- JqueryUI -->
<script src="${jquery}/jquery-ui.js"></script>
<!-- Bootstrap -->
<script src="${Bootstrap}/js/bootstrap.js"></script>
<!-- Owl-coursel -->
<script src="${Js}/front/owl-coursel/owl.carousel.js"></script>
<!-- Magnific-popup -->
<script src="${Js}/front/magnific-popup/jquery.magnific-popup.min.js"></script>
<%--BeAlert--%>
<script src="${Resource}/BeAlert/BeAlert.js"></script>
<!-- Script -->
<script src="${Js}/front/script.js"></script>

<input type="text" hidden id="jsonStr" value="">
<script>
    $(function () {
        var str = ${jsonResult};
        $('#jsonStr').val(str);
    });
</script>

<script src="${Js}/front/search.js"></script>

<script text="type/javascript" src="${Js}/front/input.js"></script>

</body>
</html>
